<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<link rel="stylesheet" href="../css/test.css" type="text/css" media="screen" charset="utf-8">
	<link rel = "stylesheet" href = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
	<script src = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
	<title>TestGoogleTile</title>
	<!--just for testing some functions:-->
	<!--    1. the full-scrolling map-->
	<!--    2. a half-transparent trabecula on top of the page.-->
	<!--    3. a text-box for google map search in the middle of the trabecula.-->
	<!--    4. after the search for the user's interest, the map will be reset. the center and zoom of the map will changed.-->
	<!--copyright by Joker777 <superyangyw@126.com>-->
	<!--2014-12-19 16:26-->
</head>
<body>
	<div id="map">
	</div>	
	<script src="http://libs.cartodb.com/cartodb.js/v3/3.11/cartodb.js"></script>
	<script type="text/javascript" charset="utf-8" src="../js/testGoogleTile.js">	</script>
</body>
</html>
